<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:jb="http://java.sun.com/jsf/composite/componentes"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"            
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/pages/core/plantilla/plantillaPrincipal.xhtml">
        <ui:define name="contenido">                 
            <h:form onsubmit="return checkSubmit();"  id="frmPrincipal">          
                <p:panel id="pnlPrincipal" header="#{i18n['proceso.panel']} #{procesoSGCMBean.dto.id}" style="#{applicationMBean.estiloTitulo}">
                    <h:panelGrid id="pgFormDto" columns="12" cellpadding="4">                                       
                        <h:outputLabel value="#{i18n['proceso.label.descripcion']}" styleClass="label"/>
                        <p:inputText label="#{i18n['proceso.label.descripcion']}"
                                     value="#{procesoSGCMBean.dto.descripcion}"  readonly="#{sessionMBean.accion == 3}"
                                     required="true" size="50" onkeypress="return fn_validaTecla('alfanumericoypuntoyblanco',this)"
                                     style="#{applicationMBean.estiloObligatorio}">
                            <f:validateLength maximum="200" minimum="5" />
                        </p:inputText>

                        <h:outputLabel styleClass="label" value="#{i18n['proceso.label.peso']}" rendered="#{procesoSGCMBean.dto.id != null}"/>  
                        <p:inputText label="#{i18n['proceso.label.peso']}" maxlength="3"
                                     value="#{procesoSGCMBean.dto.peso}" rendered="#{procesoSGCMBean.dto.id != null}"
                                     disabled="true"
                                     required="true" size="3" onkeypress="return fn_validaTecla('decimal',this)"
                                     style="#{applicationMBean.estiloObligatorio}">
                        </p:inputText>

                        <h:outputLabel styleClass="label" value="#{i18n['proceso.label.tipo']}"/>                    
                        <p:selectOneMenu value="#{procesoSGCMBean.dto.tipo}"                                   
                                         style="#{applicationMBean.estiloObligatorio}"
                                         disabled="#{sessionMBean.accion == 3}">
                            <f:selectItems value="#{procesoSGCMBean.siTipoProceso}"/>
                        </p:selectOneMenu>  

                        <h:outputLabel styleClass="label" value="#{i18n['proceso.label.estado']}"/>                    
                        <p:selectBooleanButton value="#{procesoSGCMBean.dto.estado}"  disabled="#{sessionMBean.accion == 3}" offLabel="#{i18n['medio.difusion.button.inactivo']}" onLabel="#{i18n['medio.difusion.button.activo']}"/>
                    </h:panelGrid>
                </p:panel>       
                <p:panel id="pnlAcciones">
                    <h:panelGrid columns="10">                        
                        <p:commandButton title="#{i18n['general.button.guardar.tip']}" accesskey="#{applicationMBean.keyGuardar}" ajax="false"
                                         icon="ui-icon ui-icon-disk" rendered="#{sessionMBean.privilegiosOpciones['512']=='true' and sessionMBean.accion != 3}"
                                         onclick="return confirm('#{i18n.general_mensaje_confirmacion}');"
                                         value="#{i18n['general.button.guardar']}" style="#{applicationMBean.cssBotonTransaccion}"
                                         action="#{procesoSGCMBean.guardar}">                                    
                        </p:commandButton>                                         

                       <p:commandButton title="#{i18n['general.button.atras.tip']}" accesskey="#{applicationMBean.keyRetroceder}" ajax="false"
                                         icon="ui-icon ui-icon-arrowreturnthick-1-w" immediate="true" 
                                         value="#{i18n['general.button.atras']}" style="#{applicationMBean.cssBotonAtras}"
                                         action="#{procesoSGCMBean.retroceder}">                                    
                        </p:commandButton>  
                    </h:panelGrid>
                </p:panel>
            </h:form>
            <h:form onsubmit="return checkSubmit();"  id="frmEvaluacion" rendered="#{procesoSGCMBean.dto.id != null}"> 
                <p:panel id="pnlPrincipalDeta" header="#{i18n['proceso.evaluacion.titulo']}" style="#{applicationMBean.estiloTitulo}" >

                    <h:panelGrid id="pngTabla" columns="1">

                        <h:panelGrid id="pgFormDtoDeta2" columns="13" cellpadding="4">
                            <p:commandButton title="#{i18n['proceso.evaluacion.button.agregar']}"
                                             icon="ui-icon ui-icon-plus"
                                             value="#{i18n['proceso.evaluacion.button.agregar']}" 
                                             style="#{applicationMBean.cssBotonTransaccion}" 
                                             rendered="#{sessionMBean.privilegiosOpciones['513']=='true' and sessionMBean.accion!=3}"
                                             immediate="true"
                                             oncomplete="carDialog.show()" update=":frmDetalle:pnlAcciones,:frmDetalle:pgFormDtoDeta"
                                             action="#{procesoSGCMBean.cargarPopupEvaluacion}">                                    
                            </p:commandButton>   
                        </h:panelGrid>

                        <p:dataTable id="tblPrincipal" value="#{procesoSGCMBean.listaProcesoEvaluacionAux}" var="dto" widgetVar="widTable" 
                                      rowIndexVar="indeice"  
                                     emptyMessage="#{i18n['form.general.mensaje.no.registros']}" styleClass="estiloPanel"   >                        
                            <p:column style="text-align:center;">
                                <h:panelGrid id="pgBotonesGrilla2" columns="10" cellspacing="5" styleClass="estiloPanelGrid">
                                    <p:commandButton icon="ui-icon ui-icon-close" title="#{i18n['general.button.eliminar']}" 
                                                     rendered="#{sessionMBean.privilegiosOpciones['515']=='true' and dto.id != null}" ajax="true"
                                                     update=":frmEvaluacion:tblPrincipal" immediate="true"
                                                     action="#{procesoSGCMBean.eliminarReqEvaluacion}">
                                        <f:setPropertyActionListener value="#{dto}" target="#{procesoSGCMBean.procesoEvaluacionDto}" /> 
                                    </p:commandButton>
                                    <p:commandButton icon="ui-icon  ui-icon-close" title="#{i18n['general.button.eliminar']}" 
                                                     rendered="#{sessionMBean.privilegiosOpciones['515']=='true' and dto.id == null}" ajax="true"
                                                     update=":frmEvaluacion:tblPrincipal" immediate="true"
                                                     action="#{procesoSGCMBean.eliminarReqEvaluacionIndex}">
                                        <f:setPropertyActionListener value="#{indeice}" target="#{procesoSGCMBean.indeice}" /> 
                                    </p:commandButton>
                                   
                                </h:panelGrid>
                            </p:column>
                            <p:column headerText="#{i18n['evaluacion.label.descripcion']}" styleClass="general">
                                <h:outputText value="#{dto.evaluacionDto.descripcion}" styleClass="general" />
                            </p:column>
                            <p:column headerText="#{i18n['evaluacion.label.nota.minima']}" styleClass="general">
                                <h:outputText value="#{dto.evaluacionDto.notaMinimaAprob}" styleClass="general" >
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputText>
                            </p:column>
                            <p:column headerText="#{i18n['evaluacion.label.nota.max']}" styleClass="general">
                                <h:outputText value="#{dto.evaluacionDto.notaMaxima}" styleClass="general" >
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </h:outputText>
                            </p:column>
                            <p:column headerText="#{i18n['evaluacion.label.porcentaje']}" styleClass="general">
                                <p:inputText label="#{i18n['evaluacion.label.porcentaje']}" maxlength="3"
                                             value="#{dto.porcentaje}"
                                             required="true" size="6" onkeypress="return fn_validaTecla('decimal',this)"
                                             style="#{applicationMBean.estiloObligatorio}">
                                    <f:convertNumber pattern="#{applicationMBean.formatoMontos}" />
                                </p:inputText>
                            </p:column>
                            <p:column headerText="#{i18n['evaluacion.label.orden']}" styleClass="general">
                                <p:inputText label="#{i18n['evaluacion.label.orden']}" maxlength="3"
                                             value="#{dto.orden}"
                                             required="true" size="3" onkeypress="return fn_validaTecla('decimal',this)"
                                             style="#{applicationMBean.estiloObligatorio}">
                                </p:inputText>
                            </p:column> 

                        </p:dataTable>
                    </h:panelGrid>
                </p:panel>
                <p:panel id="pnlAcciones">
                    <h:panelGrid columns="10">                        
                        <p:commandButton title="#{i18n['general.button.guardar.tip']}" accesskey="#{applicationMBean.keyGuardar}" ajax="false"
                                         icon="ui-icon ui-icon-disk" rendered="#{sessionMBean.privilegiosOpciones['516']=='true' and sessionMBean.accion != 3}"
                                         onclick="return confirm('#{i18n.general_mensaje_confirmacion}');"
                                         value="#{i18n['general.button.guardar']}" style="#{applicationMBean.cssBotonTransaccion}"
                                         action="#{procesoSGCMBean.guardarProcesoEvaluacion}">                                    
                        </p:commandButton>                                         
                    </h:panelGrid>
                </p:panel>
            </h:form>

            <h:form onsubmit="return checkSubmit();"  id="frmDetalle">
                <p:dialog id="dialog" header="#{i18n['evaluacion.panel']}" widgetVar="carDialog" resizable="false"  
                          width="610" height="400" modal="true">  
                    <p:messages id="msjDialog" showDetail="false" autoUpdate="true" />   
                    <ui:include src="/pages/sgc/popup/popupEvaluacion.xhtml" /> 
                </p:dialog>
            </h:form>
        </ui:define>
    </ui:composition>
</html>